﻿<div class="tabbable tabs-below breadcrumb">
    <div class="breadcrumb"><h4>Search</h4></div>
    <ul class="nav nav-tabs">
        <li class="active"><a href="#lAMyProfileEditMode" data-toggle="tab"><strong>Companies</strong></a></li>
        <li><a href="#lBMyProfileEditMode" data-toggle="tab"><strong>Candidates</strong></a></li>
        <li><a href="#lCMyProfileEditMode" data-toggle="tab"><strong>Positions</strong></a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="lAMyProfileEditMode"  data-bind = "with: companyAdvancedSearch">
            <div class="row">
                <span style="margin-left: 30px">Search type</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="value: $root.searchTypeCompanies">
                    <option value="all">Match all criteria</option>
                    <option value="some">Match any criteria</option>
                </select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Keyword(s)</span>
            </div>
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind = "value: Keywords"/>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Industry</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryCompany, optionsCaption: '- Select Industry -'"></select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Location</span>
            </div>
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
            </div>
            <div class="row">
                <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchCompanies() }"><strong>Search</strong></button>
            </div>
            <div class="row">
                <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchCompanies() }"><span style="font-size: smaller">Advanced search</span></a>
            </div>
        </div>

        <div class="tab-pane" id="lBMyProfileEditMode" data-bind = "with: profileAdvancedSearch">
            <div class="row">
                <span style="margin-left: 30px">Search type</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="value: $root.searchTypeExperts">
                    <option value="all">Match all criteria</option>
                    <option value="some">Match any criteria</option>
                </select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Keyword(s)</span>
            </div>
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Industry</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Job type</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="value: EmploymentType">
                    <option value="0"></option>
                    <option value="1">Permanent</option>
                    <option value="2">Freelancer</option>
                </select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Location</span>
            </div> 
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
            </div>
            <div class="row">
                <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchExperts() }"><strong>Search</strong></button>
            </div>
            <div class="row">
                <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchExperts() }"><span style="font-size: smaller">Advanced search</span></a>
            </div>
        </div>

        <div class="tab-pane" id="lCMyProfileEditMode" data-bind = "with: projectAdvancedSearch">
            <div class="row">
                <span style="margin-left: 30px">Search type</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="value: $root.searchTypePositions">
                    <option value="all">Match all criteria</option>
                    <option value="some">Match any criteria</option>
                </select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Keyword(s)</span>
            </div>
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind="value: Keywords"/>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Industry</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="options: $root.availableIndustries, optionsText: 'Description', value : $root.selectedIndustryExpert, optionsCaption: '- Select Industry -'"></select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Contract type</span>
            </div>
            <div class="row">
                <select style="margin-left: 30px" data-bind="value: ContractType">
                    <option value="0"></option>
                    <option value="1">Permanent</option>
                    <option value="2">Freelancer</option>
                </select>
            </div>
            <div class="row">
                <span style="margin-left: 30px">Location</span>
            </div> 
            <div class="row">
                <input type="text" style="margin-left: 30px" data-bind="value: Location"/>
            </div>
            <div class="row">
                <button style="margin-left: 30px" class="btn btn-info" data-bind="click: function(){ $root.simpleSearchPositions() }"><strong>Search</strong></button>
            </div>
            <div class="row">
                <a href="#" style="margin-left: 30px" data-bind="click: function(){ $root.advancedSearchPositions() }"><span style="font-size: smaller">Advanced search</span></a>
            </div>
        </div>
    </div>
</div>